<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui" template="./template.xhtml">

	<ui:define name="main">
		<h:form id="ocorrenciaForm" prependId="false">
			<center>
				<p:panel id="painelCadastro" header="Cadastrar Projeto"
					style="text-align:left;width:700px;">

					<h:panelGroup columns="6">
						<h:outputLabel value="Projeto: " />
						<h:selectOneMenu id="comboProjeto"
							value="#{ocorrenciaBean.idProjeto}">
							<f:selectItem itemLabel="Selecione" />
							<f:selectItems value="#{ocorrenciaBean.listaProjeto}" />
							<p:ajax update="comboObjeto"
								listener="#{ocorrenciaBean.projetoAlterado}" />
						</h:selectOneMenu>

						<h:outputLabel value="Tela: " style="margin-left: 20px;" />
						<h:selectOneMenu id="comboObjeto"
							value="#{ocorrenciaBean.idObjetoOcorrencia}">
							<f:selectItem itemLabel="Selecione " />
							<f:selectItems value="#{ocorrenciaBean.listaObjetoOcorrencia}" />
						</h:selectOneMenu>

						<h:outputLabel value="Grupo: " style="margin-left: 20px;" />
						<h:selectOneMenu id="comboGrupo" value="#{ocorrenciaBean.idGrupo}">
							<f:selectItem itemLabel="Selecione" />
							<f:selectItems value="#{ocorrenciaBean.listaGrupo}" />
						</h:selectOneMenu>
					</h:panelGroup>

					<h:panelGrid columns="4" style="margin-top: 10px;">
						<h:outputLabel value="Data Abertura: " />
						<p:calendar value="#{ocorrenciaBean.dtAbertura}"
							pattern="dd/MM/yyyy" size="6"
							onkeypress="formatar(this,'##/##/####')" />

						<h:outputLabel value="Data Fechamento: "
							style="margin-left: 20px;" />
						<p:calendar value="#{ocorrenciaBean.dtConclusao}"
							pattern="dd/MM/yyyy" size="6"
							onkeypress="formatar(this,'##/##/####')" />
					</h:panelGrid>


					<h:panelGrid columns="2" style="margin-top: 10px;">
						<h:outputLabel value="Status: " />
						<h:selectManyCheckbox layout="pageDirection"
							value="#{ocorrenciaBean.idsStatus}">
							<f:selectItems value="#{ocorrenciaBean.listaStatus}" />
						</h:selectManyCheckbox>
					</h:panelGrid>
					<br />
					<center>
						<p:commandButton value="Listar"
							action="#{ocorrenciaBean.listarOcorrencias}" update="painelConsulta"/>
						<p:commandButton value="Limpar"
							action="#{ocorrenciaBean.atualizarTela}" update="painelCadastro" />
					</center>
				</p:panel>
				<br />

				<p:panel id="painelConsulta" header="Lista Ocorrencias"
					style="text-align:left;width:99%;">

					<p:dataTable var="ocorrencia"
						value="#{ocorrenciaBean.listaOcorrencias}" paginator="true"
						rows="10" selectionMode="single" paginatorPosition="bottom"
						emptyMessage="Nenhum registro encontrado"
						selection="#{ocorrenciaBean.ocorrencia}"
						onRowSelectUpdate="display"
						onRowSelectComplete="detalheOcorrencia.show()">

						<p:column sortBy="#{ocorrencia.id}"
							filterStyle="width:25px;font-size:11px;"
							filterStyleClass="filter">
							<f:facet name="header">
								<h:outputText value="Id" />
							</f:facet>
							<h:outputText value="#{ocorrencia.id}" styleClass="letra1" />
						</p:column>

						<p:column sortBy="#{ocorrencia.usuarioId.nome}"
							
							filterStyle="font-size:11px;" filterStyleClass="filter">
							<f:facet name="header">
								<h:outputText value="Solicitante" />
							</f:facet>
							<h:outputText value="#{ocorrencia.usuarioId.nome}"
								styleClass="letra1" />
						</p:column>

						<p:column sortBy="#{ocorrencia.objetoOcorrenciaid.descricao}"
							
							filterStyle="font-size:11px;" filterStyleClass="filter">
							<f:facet name="header">
								<h:outputText value="Tela" />
							</f:facet>
							<h:outputText value="#{ocorrencia.objetoOcorrenciaid.descricao}"
								styleClass="letra1" />
						</p:column>


						<p:column style="width:350px;">
							<f:facet name="header">
								<h:outputText value="Descricao" />
							</f:facet>
							<h:outputText value="#{ocorrencia.descricao}" styleClass="letra1" />
						</p:column>
						<p:column style="width:150px;"
							sortBy="#{ocorrencia.lastHistorio.filaStatusExecucaoid.descricao}"
							
							filterStyle="font-size:11px;" filterStyleClass="filter">
							<f:facet name="header">
								<h:outputText value="Status" />
							</f:facet>
							<h:outputText
								value="#{ocorrencia.lastHistorio.filaStatusExecucaoid.descricao}"
								styleClass="letra1" />
						</p:column>
						<!-- p:column style="width:150px;" sortBy="#{ocorrencia.dtAbertura}"
							filterBy="#{ocorrencia.dtAbertura}" filterStyle="font-size:11px;"
							filterStyleClass="filter">
							<f:facet name="header">
								<h:outputText value="Dt Abertura" />
							</f:facet>
							<h:outputText value="#{ocorrencia.dtAbertura}"
								styleClass="letra1">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>
						</p:column -->
						<p:column style="width:150px;"
							sortBy="#{ocorrencia.lastHistorio.dtLancamento}"
							
							filterStyle="font-size:11px;" filterStyleClass="filter">
							<f:facet name="header">
								<h:outputText value="Dt Lan&ccedil;amento" />
							</f:facet>
							<h:outputText value="#{ocorrencia.lastHistorio.dtLancamento}"
								styleClass="letra1">
								<f:convertDateTime pattern="dd/MM/yyyy hh:mm" />
							</h:outputText>
						</p:column>

						<p:column style="width:150px;"
							sortBy="#{ocorrencia.lastHistorio.usuarioId.nome}"
							
							filterStyle="font-size:11px;" filterStyleClass="filter">
							<f:facet name="header">
								<h:outputText value="Responsavel" />
							</f:facet>
							<h:outputText value="#{ocorrencia.lastHistorio.usuarioId.nome}"
								styleClass="letra1" />
						</p:column>
						<p:column>
							<p:commandButton title="Visualizar"
								oncomplete="visualizar.show();"
								update="visualizarH,tabelaHistorico" image="ui-icon-search">
								<f:setPropertyActionListener value="#{ocorrencia}"
									target="#{historicoBean.ocorrencia}" />
							</p:commandButton>
						</p:column>
						<p:column>
							<p:commandButton image="ui-icon-disk" title="Novo"
								oncomplete="novo.show();" update="novoV">
								<f:setPropertyActionListener value="#{ocorrencia}"
									target="#{historicoBean.ocorrencia}" />
							</p:commandButton>
						</p:column>
					</p:dataTable>
				</p:panel>
			</center>

			<p:dialog header="Visualizar Historico" widgetVar="visualizar"
				modal="true" height="470" width="900">
				<p:outputPanel id="visualizarH" style="text-align:center;"
					layout="block">
					<p:dataTable id="tabelaHistorico"
						value="#{historicoBean.listaHistorico}"
						emptyMessage="Nenhum registro encontrado" rowIndexVar="var"
						paginator="true" paginatorPosition="bottom"
						firstPageLinkLabel="Primeira" previousPageLinkLabel="Anterior"
						nextPageLinkLabel="Proxima" lastPageLinkLabel="ultima" rows="8"
						var="historico" width="100%">
						<p:column>
							<f:facet name="header">
								<h:outputText value="Descricao" />
							</f:facet>
							<h:outputText value="#{historico.descricao}" styleClass="letra1" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Status" />
							</f:facet>
							<h:outputText value="#{historico.filaStatusExecucaoid.descricao}"
								styleClass="letra1" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Usuario Lancamento" />
							</f:facet>
							<h:outputText value="#{historico.usuarioId.nome}"
								styleClass="letra1" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Nome Arquivo" />
							</f:facet>
							<h:outputText value="#{historico.nomeArquivo}"
								styleClass="letra1" />
						</p:column>
						<p:column style="width:10px;">
							<f:facet name="header">
								<h:outputText value="Baixar" />
							</f:facet>
							<p:commandButton image="ui-icon-disk" title="Download"
								ajax="false" rendered="#{historico.nomeArquivo ne null}">
								<f:setPropertyActionListener target="#{historicoBean.arquivo}"
									value="#{historico.nomeArquivo}" />
								<p:fileDownload value="#{historicoBean.arquivoDownload}" />
							</p:commandButton>

						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Data de Lancamento" />
							</f:facet>
							<h:outputText value="#{historico.dtLancamento}"
								styleClass="letra1" />
						</p:column>
					</p:dataTable>
				</p:outputPanel>
			</p:dialog>
			<p:dialog header="Novo Historico" widgetVar="novo" modal="true"
				height="300" width="600">
				<p:outputPanel id="novoV" style="text-align:left;" layout="block">

					<h:panelGrid columns="2">
						<h:outputLabel value="Status: " />
						<h:selectOneMenu id="comboStatus"
							value="#{historicoBean.idStatus}">
							<f:selectItem itemLabel="Selecione Status" />
							<f:selectItems value="#{ocorrenciaBean.listaStatus}" />
						</h:selectOneMenu>

						<h:outputLabel value="Descricao Historico: " />
						<p:inputTextarea style="width:300px;height:100px;"
							value="#{historicoBean.historico.descricao}" effectDuration="400" />
					</h:panelGrid>

					<h:panelGrid columns="2">
						<p:fileUpload id="upload"
							fileUploadListener="#{historicoBean.uploadArquivo}" update="msg"
							label="Selecionar" allowTypes="*.doc; *.docx; *.wmv;"
							multiple="false" auto="true" description="Arquivo de Imagem" />
						<h:outputLabel id="msg" value="#{historicoBean.mensagemArquivo}" />
					</h:panelGrid>
					<center>
						<p:commandButton value="Gravar" action="#{historicoBean.gravar}"
							update="novoV" />
						<p:commandButton type="reset" value="Limpar" />
					</center>
				</p:outputPanel>
			</p:dialog>

			<p:dialog header="Detalhe Ocorrência" widgetVar="detalheOcorrencia"
				modal="true" height="300" width="600">
				<p:outputPanel id="display" style="text-align:left;" layout="block">

					<h:panelGrid columns="2">













































						<h:outputText value="Id" />
						<h:outputText value="#{ocorrenciaBean.ocorrencia.id}"
							styleClass="letra1" />
						<h:outputText value="Solicitante" />
						<h:outputText value="#{ocorrenciaBean.ocorrencia.usuarioId.nome}"
							styleClass="letra1" />
						<h:outputText value="Descricao" />
						<h:outputText value="#{ocorrenciaBean.ocorrencia.descricao}"
							styleClass="letra1" />
						<h:outputText value="Status" />
						<h:outputText
							value="#{ocorrenciaBean.ocorrencia.lastHistorio.filaStatusExecucaoid.descricao}"
							styleClass="letra1" />
						<h:outputText value="Dt Abertura" />
						<h:outputText value="#{ocorrenciaBean.ocorrencia.dtAbertura}"
							styleClass="letra1">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
						<h:outputText value="Dt Lan&ccedil;amento" />










































					</h:panelGrid>


				</p:outputPanel>
			</p:dialog>

		</h:form>
	</ui:define>
</ui:composition>
